
function Container({ datas }) {
    return (
        <div className='pt-10'>
            <h1 className="text-left text-2xl font-bold">卒業生</h1>
                <div className="divider"></div>
            {
                datas.map((t, k) => {
                    return (
                        <div key={k} class="collapse collapse-arrow border-2 border-solid border-base-300 rounded-none mb-1">
                        <input type="checkbox" class="peer" />
                        <div
                          class="collapse-title">
                          {t.year}
                        </div>
                        <div
                          class="collapse-content">
                          <div className="border-t border-base-300 pt-2">
                            {
                              t.datas.map((d, kk) => {
                                return <div className="flex flex-col" key={kk}>
                                  <div key={kk} className="flex pb-1 font-bold">名前：<div className="font-normal">{d.name}</div></div>
                                  <div key={kk} className="flex pb-1 font-bold">テーマ：<div className="font-normal">{d.text}</div></div>
                                </div>
                              })
                            }
                          </div>
                        </div>
                      </div>
                    )
                })

            }

        </div>
    )
}

export default Container